<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta content="最热前端框架,爱尚博客,前端趋势,微信小程序制作,小程序教程,前端怎么做app,app制作,网站开发,靠谱的网站开发,app开发,小程序开发,小程序开发多少钱,app开发多少钱,网站开发多少钱"
        name="Keywords">
    <meta name="description" content="爱尚博客-让前端萌新少走弯路的博客！" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <title>爱尚博客-爱尚前端</title>
    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
    <script src="../../common/public.js"></script>
    <link rel="stylesheet" href="../../common/m.css">
    <link rel="stylesheet" href="../../assets/css/item.css">
</head>

<body>

    <div class="box" v-cloak>
        <!-- 导航 -->
        <header>
            <div class="logo">爱尚博客</div>
            <div class="navs">
                <a :href="item.url" v-for="(item,index) in nav" :key="item.Id" v-cloak>{{item.name}}</a>
            </div>
            <!-- 小屏幕nav -->
            <mu-menu cover placement="bottom-end" :open.sync="open">
                <mu-button icon>
                    <mu-icon value="menu"></mu-icon>
                </mu-button>
                <mu-list slot="content">
                    <mu-list-item button v-for="(item,index) in nav" :key="item.Id" :href="item.url">
                        <mu-list-item-title>
                            {{item.name}}
                        </mu-list-item-title>
                    </mu-list-item>
                </mu-list>
            </mu-menu>
            <!-- 小屏幕nav -->
        </header>
        <!-- 导航 -->
        <!-- 主体 -->
        <article>
            <section>
                <mu-card>
                    <!-- <mu-card-media title="Image Title" sub-title="Image Sub Title">
                    </mu-card-media> -->
                    <mu-card-title title="标题" sub-title="时间"></mu-card-title>
                    <mu-card-text>
                        散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。
                        调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。
                        似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，
                        找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
                    </mu-card-text>
                    <mu-divider></mu-divider>
                    <mu-card-actions>
                        <a :href="item.href" v-for="(item,index) in datas" :key="index">
                            <mu-button flat>
                                <span class="items_b" v-if="index!=1">上一篇：{{item.title}}</span>
                                <span class="items_b" v-if="index==1">下一篇：{{item.title}}</span>
                            </mu-button>
                        </a>
                    </mu-card-actions>
                </mu-card>
            </section>
            <!-- 侧边 -->
            <aside>
                <mu-container>
                    <mu-expansion-panel :expand="expands">
                        <div slot="header">标签</div>
                        <mu-button color="primary" v-for="(item,index) in tag" :key="item.Id" v-cloak>{{item.name}}</mu-button>
                    </mu-expansion-panel>
                    <mu-expansion-panel :expand="expands">
                        <div slot="header">爱尚博客小程序</div>
                        <img src="https://t1.picb.cc/uploads/2018/11/15/JXiAOW.jpg" alt="爱尚博客小程序">
                    </mu-expansion-panel>
                    <mu-expansion-panel :expand="expands">
                        <div slot="header">最近更新</div>
                        <mu-list>
                            <mu-tooltip :content="set_tips(item.timer,1)" v-for="(item,index) in new_items" :key="item.Id"
                                placement="top">
                                <a :href="item.href" target="_blank">
                                    <mu-list-item button :ripple="false">
                                        <mu-list-item-action v-cloak>
                                            {{index+1}}
                                        </mu-list-item-action>
                                        <mu-list-item-title v-cloak>{{item.title}}</mu-list-item-title>
                                    </mu-list-item>
                                </a>
                            </mu-tooltip>
                        </mu-list>
                    </mu-expansion-panel>
                    <mu-expansion-panel :expand="expands">
                        <div slot="header">查看最多</div>
                        <mu-list>
                            <mu-tooltip :content="set_tips(item.look_num)" v-for="(item,index) in hot_items" :key="item.Id"
                                placement="top">
                                <a :href="item.href" target="_blank">
                                    <mu-list-item button :ripple="false">
                                        <mu-list-item-action v-if="index <= 2">
                                            <mu-badge :content="index+1" color="secondary"></mu-badge>
                                        </mu-list-item-action>
                                        <mu-list-item-action v-if="index > 2">
                                            <mu-badge :content="index+1"></mu-badge>
                                        </mu-list-item-action>
                                        <mu-list-item-title v-cloak>{{item.title}}</mu-list-item-title>
                                    </mu-list-item>
                                </a>
                            </mu-tooltip>
                        </mu-list>
                    </mu-expansion-panel>
                    <mu-expansion-panel :expand="expands">
                        <div slot="header">看个广告</div>
                        <img src="https://t1.picb.cc/uploads/2018/11/15/JXiAOW.jpg" alt="爱尚博客小程序">
                    </mu-expansion-panel>
                </mu-container>
            </aside>
            <!-- 侧边 -->
            <!-- 底部 -->
            <footer class="foot">
                <div class="link">
                    友情链接：
                    <a :href="item.url" v-for="(item,index) in links" :key="item.Id" :title="item.beizhu" target="_blank">
                        <mu-button color="primary" flat v-cloak>{{item.name}}</mu-button>
                    </a>
                </div>
                <div class="footer_bm">
                    <p>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011802000140&token=da834af7-3426-45c3-b0b6-437f55b4aa7d"
                            target="_blank" title="粤公网安备-44011802000140号"><img src="http://www.aijiumai.cn/image/beianbgs.png"
                                alt="粤公网安备-44011802000140号" width="30px" height="30px"> 粤公网安备-44011802000140号</a>
                        &nbsp;
                        <a href="http://www.miitbeian.gov.cn/" target="_blank" title="粤ICP备15074775">粤ICP备15074775号-1</a>
                    </p>
                    <p>
                        © 爱尚博客 &nbsp;<a href="http://www.aijiumai.cn">www.aijiumai.cn</a> &nbsp;
                        <a href="./../sitemap.xml">网站地图</a>
                    </p>
                </div>
            </footer>
            <!-- 底部 -->
        </article>
        <!-- 主体 -->
    </div>
</body>
<script src="../../common/v.js"></script>
<script src="../../common/a.js"></script>
<script src="../../common/m.js"></script>
<script src="../../assets/js/item.js"></script>

</html>